<template>
  <div>
    <v-tooltip left z-index="99" transition="slide-x-transition">
      <template v-slot:activator="{ on, attrs }">
        <v-btn transition="slide-x-transition" color="primary" dark v-bind="attrs" v-on="on">Right</v-btn>
      </template>
      <span>Right tooltip</span>
    </v-tooltip>
    <v-text-field label="Regular"  v-model="inp" ></v-text-field>
    <p>客户端数据： in vuex: state.admin.ua.data</p>

    <p v-html="uaStr"></p>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  name: 'index',
  data(){
    return {
      inp: '11'
    }
  },
  computed: {
    ...mapState('admin/ua', {
      uaData: 'data'
    }),
    uaStr () {
      const { browser, engine, os, device, cpu } = this.uaData
      return JSON.stringify({ browser, engine, os, device, cpu }, null, 2)
    }
  }
}
</script>